<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link href="../c/base.css" rel="stylesheet" type="text/css">
<link href="../c/toefl.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../c/bootstrap.min.css">
<script type="text/javascript" src="../j/jquery-2.1.0.js"></script>
<script src="../j/bootstrap.min.js"></script>
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
</head>
<body>
<!--头-->
<div class="doc1180">
	<div class="header">
    	<div class="logo"><a href="####"><img th:src="@{/i/logo.png}"></a></div>
        <div class="headerLink">
        	<a href="登录页.html" class="###">登录</a>
            <a href="注册页.html" class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
	<div class="doc1180">
   	  <div class="menuLink">
        	<ul class="fn-clear">
            	<li class="active"><a href="首页.html" >首页</a></li>
                <li><a href="托福人.html" >托福人</a></li>
                <li><a href="公开课首页.html" >公开课</a></li>
                <li><a href="组群聊-群聊页.html" >群组聊</a></li>
                <li><a href="福利城堡-福利城堡.html">福利城堡</a></li>
            </ul>
        </div>
    </div>
</div>
<!--头-->
<div class="doc1180 fn-clear paddingT20">
    <div class="doc230 fn-left">
        <div class="flcb_cardUser">
            <div class="flcb_cardUserPic"><img th:src="@{/i/flcb_cardUserPic.png}" width="100" height="100"></div>
            <div class="flcb_cardUserName">张三</div>
        </div>
        <div class="flcb_cardUserInfo">
            <div>你现在拥有的RPB：<span class="green">50</span></div>
            <div>你现在的等级是：学霸</div>
            <div><span>下一等级：</span>学神<span>还差RPB：80</span></div>
            <div class="flcb_cardUserText"></div>
            <div><a th:href="@{/}" style="color: #ff0000;">充值兑换</a></div>
        </div>
        <div class="flcb_cardUserMenu">
            <ul>
                <li class="on"><a th:href="@{/mydata}" target="infor" class="icon_1">个人资料</a></li>
                <li><a th:href="@{/myclazz}" target="infor" class="icon_2">我的公开课</a></li>
                <li><a th:href="@{/mychat}" target="infor" class="icon_3">我的群组</a></li>
                <li><a th:href="@{/mywelare}" target="infor" class="icon_5">我的福利城堡</a></li>
                <li><a th:href="@{/mytfr}" target="infor" class="icon_6">我的托福人</a></li>

            </ul>
        </div>
    </div>
    <!--右-->
    <div class="doc910 fn-right">
        <div class="doc910 fn-right">
            <div class="flcb_cardMenu">
                <ul>
                    <li class="on">
                        <a href="###" id = "myclass">我的公开课</a>
                    </li>
                    <li >
                        <a href="###" id = "newclass">最新公开课</a>
                    </li>
                    <li>
                        <a href="###" id="desc">听课指南</a>
                    </li>
                    <li>
                        <a href="###" id="myClass">我发布的公开课</a>
                    </li>
                </ul>
            </div>
            <div id="myclassContent">
                <div class="publiclass" th:each="course:${courseList}">
                    <dl>
                        <dt>
                            <div class="publiclass_rq">
                                <div class="publiclass_rqD">19日</div>
                                <div class="publiclass_rqM">10月</div>
                            </div>
                            <a href="#" class="publiclass_Pic"><img src="../i/270x155.jpg" width="270" height="155"></a>
                        </dt>
                        <dd>
                            <div class="flcb_cardClass">
                                <h3 th:text="${course.name}"></h3>
                                <div class="flcb_cardNum"><span>12345</span>人购买</div>
                            </div>
                            <div class="flcb_cardTime">上课时间：<span th:text="${course.getStartTime()}"></span><span th:text="${course.getEndTime()}"></span>上课地点：<span>YYY频道</span></div>
                            <div class="flcb_cardTech">
                                <span class="first">主讲老师：</span>
                                <span class="teacherPic"><img src="../i/22x22.jpg"></span>
                                <span class="name">李斯</span>
                                <span class="zan"><a href="###"><img src="../i/icon_zan14x14.jpg"></a></span>
                                <span class="zanNum">(32)</span>
                            </div>
                            <div class="publiclass_Text">
                                <table border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td>课程大纲：</td>
                                        <td>1、2016年听力考试课程大纲</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>2、2016年阅读理解考试课程大纲</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="flcb_cardButton">
                                <a th:href="@{/details_clazz}" target="_parent">课程明细</a>
                                <a href="">进该课程群</a>
                            </div>
                        </dd>
                    </dl>
                </div>
                <div class="pageList">
                    <ul>
                        <li><span>1</span></li>
                        <li>
                            <a href="###">2</a>
                        </li>
                        <li>
                            <a href="###">3</a>
                        </li>
                        <li>
                            <a href="###">4</a>
                        </li>
                        <li>
                            <a href="###">5</a>
                        </li>
                        <li>
                            <a href="###">最后一页</a>
                        </li>
                        <li>
                            <a href="###" class="pret">上一页</a>
                        </li>
                        <li>
                            <a href="###" class="next">下一页</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>